<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人网站</title>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<div class="container clearfix Wrap">
		<div class="parameter">
			<div class="photo">
				<div class="pic"><img src="images/photo.jpg"></div>
				<p class="name">张成礼的BLOG</p>
			</div>
			<div class="m-zuo">
				<div class="nav">
					<h4 class="tit">活力地带</h4>
					<ul class="clearfix">
						<li><a href="#">个人首页</a></li>
						<li><a href="#">会员中心</a></li>
						<li><a href="#">我的文章</a></li>
						<li><a href="#">我的相册</a></li>
						<li><a href="#">我的圈子</a></li>
						<li><a href="#">给我留言</a></li>
					</ul>
				</div>
				<div class="s-con"><div class="tupian-con">
					<div class="title"><h3>我的vlog</h3>&nbsp;</div>
					<ul class="clearfix Mg05">
						<li><a href="#"><img src="images/v1.jpg"></a></li>&ensp;
						<li><a href="#"><img src="images/v2.jpg"></a></li>&ensp;
						<li>&ensp;<a href="#"><img src="images/v3.jpg"></a></li>
					</ul>
				</div></div>
				<div class="s-con"></div>
				<div class="s-con"></div>
				<div class="s-con"></div>
			</div>
		</div>
		<div class="main">
				<div class="m-conts">
				<div class="one-con">
					<div class="title"><h3>个人简介</h3></div>
					<div class="wenb">
						
						<p>1111111111111111</p>
						<p>22222222222222222222222222222</p>
						<p>33333333</p>
						<p>4444444444444444444444</p>
						<p>5555555555555555555555555555555555555</p>
					</div>
				</div>
				
				<div class="tupian-con">
					<div class="title"><h3>我的进步</h3></div>
					<ul class="clearfix Mg02">
						<li><img src="images/biao1.png"></li>
						<li><img src="images/biao2.png"></li>
					</ul>
				</div>
				
				<div class="two-con clearfix">
					<div class="fl pic"><img src="images/p1.jpg"></div>
					<div class="rgt">
						<div class="title"><h3>学习周报</h3><p>2020-3-6 10:48:16</p></div>
						<div class="wenb">
						<p>1111111111111111</p>
						<p>22222222222222222222222222222</p>
						<p>33333333</p>
						<p>4444444444444444444444</p>
						<p>5555555555555555555555555555555555555</p>
					</div>
					</div>
				</div>
				<div class="three-con">
					<div class="title"><h3>日记</h3><p>2020-3-7 02:03:12</p></div>
					<div class="wenb">
						<p>1111111111111111</p>
						<p>22222222222222222222222222222</p>
						<p>33333333</p>
						<p>4444444444444444444444</p>
						<p>5555555555555555555555555555555555555</p>
					</div>
				</div>
				<div class="tupian-con">
					<div class="title"><h3>足迹</h3></div>
					<ul class="clearfix Mg04">
						<li><img src="images/p7.jpg"></li>
						<li><img src="images/p8.jpg"></li>
						<li><img src="images/p9.jpg"></li>
					</ul>
				</div>
				<div class="four-con">
				</div>
			</div>
		</div>
	</div>
</body>
</html>

